<template>
    <div>
            <table class="table_detail" style="width: 100%;">
                    <tr> <td colspan="5" class="headColor"> <span>增资方基本情况</span></td></tr>
                    <tr> 
                        <td class="headColor"> <span>增资方名称</span></td>
                        <td colspan="4"><span>某智能印花设计服务一体化平台部分股权转让征集意向受让方</span></td>
                    </tr>  
                    <tr>
                        <td rowspan="11" class="showC headColor"><span>基本情况</span></td>
                    </tr>
                    <tr v-for="(v,i) in firstInfo"  v-if="v.show == 1">
                        <td class="headColor"><span>{{ v.name }}</span></td>
                        <td class="normalC"><span>{{cData[v.model]}}</span></td>
                        <td class="headColor"><span>{{ v.name2 }}</span></td>
                        <td class="normalC"><span>{{cData[v.model2]}}</span></td>
                    </tr>
                    <tr v-else>
                        <td class="headColor"><span>{{ v.name }}</span></td>
                        <td colspan="3" class="normalC"><span>{{cData[v.model] == ''?'':cData[v.model]== true?'是':cData[v.model]== false?'否':cData[v.model]}}</span></td>
                    </tr>
                    <tr>
                        <td rowspan="12" class="showC headColor"><span>股权结构</span></td>
                    </tr>                    
                    
                    <tr>
                        <td colspan="2" class="showC headColor"><span>股东名称</span></td>
                        <td colspan="2" class="showC"><span>比例（%）</span></td>
                    </tr> 
                    <tr v-for="(v,i) in shareholderList">
                        <td colspan="2" class="normalC"><span>11</span></td>
                        <td colspan="2" class="normalC"><span>22%</span></td>
                    </tr>    

            </table>

            <table class="table_detail" style="width: 100%;">
                <tr>
                    <td rowspan="16" class="showC headColor"><span>主要财务指标</span></td>
                </tr>       
                <tr> <td colspan="4" class="headColor"> <span>近三年企业年度审计报告数据</span></td></tr>  
                <tr>
                    <td class="showC headColor" width = "222"><span>项目</span></td>
                    <td class="showC headColor"  width = "222"><span>{{cData.aduitYear}}年度</span></td>
                    <td class="showC headColor" width = "222"><span>{{cData.aduitYear2}}年度</span></td>
                    <td class="showC headColor"  width = "222"><span>{{cData.aduitYear3}}年度</span></td>                   
                </tr>    

                <tr v-for="(v,i) in capsecondList"  >
                    <template v-if="v.show == 4">
                        <td class="showC headColor" width = "222"><span>{{ v.name }}</span></td>
                        <td class="normalC"><span>{{cData[v.model]}}</span></td> 
                        <td class="normalC"><span>{{cData[v.model1]}}</span></td>  
                        <td class="normalC"><span>{{cData[v.model2]}}</span></td> 
                    </template>  
                    <template v-else>
                        <td class="showC headColor"><span>{{ v.name }}</span></td>
                        <td class="normalC" colspan="9"><span>{{cData[v.model]}}</span></td> 
                    </template>   
                </tr>
                 <tr> <td colspan="4" class="headColor"> <span>最近一期财务报表数据</span></td></tr>  
                <tr>
                    <td class="headColor"><span>报表日期</span></td>
                    <td colspan="6" class="normalC"><span>{{cData.recentReportDate}}</span></td>                    
                </tr>    
                <tr>
                    <td class="showC headColor" width = "222"><span>资产总额</span></td>
                    <td class="showC headColor" colspan="2"><span>负债总额</span></td>
                    <td class="showC headColor"  colspan="2"><span>所有者权益</span></td>                   
                </tr> 
                 <tr>
                    <td class="normalC" width = "222"><span>{{cData.recentTotalAssets}}</span></td> 
                    <td class="normalC" colspan="2"><span>{{cData.recentTotalLiability}}</span></td>  
                    <td class="normalC" colspan="2"><span>{{cData.recentOwnersEquity}}</span></td>   
                </tr>   

                <tr>
                    <td class="showC headColor" width = "222"><span>营业收入</span></td>
                    <td class="showC headColor" colspan="2"><span>利润总额</span></td>
                    <td class="showC headColor"  colspan="2"><span>净利润</span></td>                   
                </tr> 
                 <tr>
                    <td class="normalC" width = "222"><span>{{cData.recentOperateIncome}}</span></td> 
                    <td class="normalC" colspan="2"><span>{{cData.recentTotalProfit}}</span></td>  
                    <td class="normalC" colspan="2"><span>{{cData.recentNetProfit}}</span></td>   
                </tr>                 
                <tr>
                    <td rowspan="9" class="showC headColor"><span>增资行为决策及批准情况</span></td>
                </tr> 
                <tr>
                    <td colspan="1" class="headColor"><span>增资方决策文件类型</span></td>
                    <td colspan="5" class="normalC"><span>{{cData.increaseMakeType}}</span></td>                  
                </tr>
                 <tr>
                    <td colspan="1" class="headColor"><span>监管机构</span></td>
                    <td colspan="5" class="normalC"><span>{{cData.regulatoryAuthority}}</span></td>                  
                </tr>
                <tr>
                    <td colspan="1" class="headColor"><span>国家出资企业或主管部门</span></td>
                    <td colspan="5" class="normalC"><span>{{cData.competentDepartment}}</span></td>                  
                </tr>
                <tr>
                    <td colspan="1" class="headColor"><span>统一社会信用代码</span></td>
                    <td colspan="5" class="normalC"><span>{{cData.unifiedSocialCreditCode2}}</span></td>                  
                </tr>
                 <tr>
                    <td colspan="1" class="headColor"><span>批准单位</span></td>
                    <td colspan="5" class="normalC"><span>{{cData.authority}}</span></td>                  
                </tr>
                <tr>
                    <td colspan="1" class="headColor"><span>批准日期</span></td>
                    <td colspan="5" class="normalC"><span>{{cData.approvalDate}}</span></td>                  
                </tr>
                <tr>
                    <td colspan="1" class="headColor"><span>批准文件类型</span></td>
                    <td colspan="5" class="normalC"><span>{{cData.approvalType}}</span></td>                  
                </tr>
                 <tr>
                    <td colspan="1" class="headColor"><span>批准文件名称及文号</span></td>
                    <td colspan="5" class="normalC"><span>{{cData.approvalFileName}}</span></td>                  
                </tr>                                                                                                             
            </table>
    </div>
</template>

<script>
    export default {
        props:{
            // cText:'',
            cData:'',
            // cCol:'',
        },
        data() {
            return {
                shareholderList: [
                    {
                        model: "shareholder",
                        model2: "holdRatio"
                    },{
                        model: "shareholder2",
                        model2: "holdRatio2"
                    },{
                        model: "shareholder3",
                        model2: "holdRatio3"
                    },{
                        model: "shareholder4",
                        model2: "holdRatio4"
                    },{
                        model: "shareholder5",
                        model2: "holdRatio5"
                    },{
                        model: "shareholder6",
                        model2: "holdRatio6"
                    },{
                        model: "shareholder7",
                        model2: "holdRatio7"
                    },{
                        model: "shareholder8",
                        model2: "holdRatio8"
                    },{
                        model: "shareholder9",
                        model2: "holdRatio9"
                    },{
                        model: "shareholder10",
                        model2: "holdRatio10"
                    }

                ],               

                capsecondList:[{
                    name:'资产总额',
                    show:4,
                    model:'totalAssets',
                    model1:'totalAssets2',
                    model2:'totalAssets3'
                },{
                    name:'负债总额',
                    show:4,
                    model:'totalLiability',
                    model1:'totalLiability2',
                    model2:'totalLiability3'                    
                },{
                    name:'所有者权益',
                    show:4,
                    model:'ownersEquity',
                    model1:'ownersEquity2',
                    model2:'ownersEquity3'                    
                },{
                    name:'营业收入',
                    show:4,
                    model:'operateIncome',
                    model1:'operateIncome2',
                    model2:'operateIncome3'                    
                },{
                    name:'利润总额',
                    show:4,
                    model:'totalProfit',
                    model1:'totalProfit2',
                    model2:'totalProfit3'                    
                },{
                    name:'净利润',
                    show:4,
                    model:'netProfit',
                    model1:'netProfit2',
                    model2:'netProfit3'                    
                },{
                    name:'审计机构',
                    show:1,
                    model:'auditInstitution',
                }],              
                firstInfo:[{
                    name:'住所',
                    show:3,
                    model:'residence'
                },{
                    name:'法定代表人（负责人）',
                    name2:'成立日期',
                    show:1,
                    model:'legalPerson',
                    model2:'establishDate'
                },{
                    name:'注册资本',
                    name2:'实收资本',
                    show:1,
                    model:'registeredCapital',
                    model2:'paidCapital'                    
                },{
                    name:'企业类型',
                    name2:'所属行业',
                    show:1,
                    model:'companyType',
                    model2:'industry'                      
                },{
                    name:'经营规模',
                    name2:'统一社会信用代码',
                    show:1,
                    model:'businessScale',
                    model2:'unifiedSocialCreditCode'                     
                },
                {
                    name:'“新三板”挂牌企业',
                    show:3,
                    model:'isNewThreeBoardListing',                     
                },{
                    name:'经济性质',
                    show:3,
                    model:'economicType',                     
                },{
                    name:'经营范围',
                    show:3,
                    model:'businessScope', 
                },{
                    name:'股东数量（个）',
                    show:3,
                    model:'shareholderNumber', 
                },{
                    name:'职工人数（个）',
                    show:3,
                    model:'employeeNumber', 
                },
                ],       
            }
        },
    }
</script>

<style scoped>
    .normalC{ background-color: #ffffff !important;}
    .showC{ background-color: #f5f5f5 !important;}
    .table_detail td:nth-child(odd) {
        width: 240px;
        height: 40px;
        background-color: #f5f5f5;
        flex: none;
    }    
    
</style>